<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>MINETT - Template by entiri</title>
	<meta name="description" content="MINETT - Responsive HTML Template by entiri">
	<meta name="keywords" content="minett, entiri, theme, template, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet">
  <link href="css/bootstrap-override.css" rel="stylesheet">

  <!-- Font Avesome Styles -->
  <link href="css/font-awesome/font-awesome.css" rel="stylesheet">
	<!--[if IE 7]>
		<link href="css/font-awesome/font-awesome-ie7.min.css" rel="stylesheet">
	<![endif]-->

  <!-- FlexSlider Style -->
  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen">

  

	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

</head>       
<body>
  <!-- Header -->
  <header id="header">
 
    <div class="container">
      <div class="row t-container">
        <div class="texture">
          <img src="img/background.png" alt="">
        </div>
        <!-- Logo -->
        <div class="span3">
          <div class="logo">
            <a href="index-2.html"><img src="img/logo-header.png" alt=""></a>
          </div>            
        </div>

        <div class="span9">
          <div class="row space90"></div>
          <nav class="navbar">
            <!-- Menu -->
            <ul class="nav">
              <li><a href="index-2.html" title="">Home</a></li>
              <li><a href="about-us.html" title="">About Us</a></li>                
              <li><a href="gallery.html" title="">Gallery</a></li>
              <li><a href="services.html" title="">Services</a></li>
              <li class="active"><a href="components.html" title="">Features</a>
                <!-- Submenu -->
  							<ul>
                  <li><a href="components.html" title="">Components</a></li>
                  <li><a href="pricing.html" title="">Pricing</a></li>
                  <li><a href="blog-detail.html" title="">Blog Detail</a></li>
  								<li><a href="grid.html" title="">Grid System</a></li>
                  <li><a href="contact.html" title="">Contact</a></li>
  							</ul>
                <!-- End Submenu -->                  
              </li>
              <li><a href="blog.html" title="">Blog</a></li>  
            </ul>
          </nav>
          <div class="row space15 hidden-phone"></div>
        </div>

        <div class="span8">
          <div class="row">

            <div class="span6 offset2">
              <h1>We are <strong>MINETT</strong></h1>
              <div class="head-info">
                Magna in pulvinar tempor montes pulvinar habitasse parturient? Elementum facilisis sit et, dolor placerat, turpis auctor.
                <br><br>
                Lundium ultricies augue urna arcu aliquet velit?
              </div>   
            </div>  
          
          </div>
        </div>
      </div>  

  </div> 
  </header>
  <!-- Header End -->

  <div class="row space50"></div>

  <!-- Content -->
  <div id="content">
    <div class="container">
      <h2>Grid System</h2>
        <div class="row">
          <div class="span12">
          <h3>12 Column Width</h3>
            Cras consequat porttitor tincidunt. Aliquam erat volutpat. Sed dignissim hendrerit nibh, quis faucibus erat cursus eget. Integer porta nisl vitae felis rutrum ut mollis felis congue. Vestibulum augue nisl, egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
        </div>

        <div class="space30"></div>

        <div class="row">
          <div class="span6">
          <h3>6 Column Width</h3>
            Cras consequat porttitor tincidunt. Aliquam erat volutpat. Sed dignissim hendrerit nibh, quis faucibus erat cursus eget. Integer porta nisl vitae felis rutrum ut mollis felis congue. Vestibulum augue nisl, egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
          <div class="span6">
             <h3>6 Column Width</h3>
            Cras consequat porttitor tincidunt. Aliquam erat volutpat. Sed dignissim hendrerit nibh, quis faucibus erat cursus eget. Integer porta nisl vitae felis rutrum ut mollis felis congue. Vestibulum augue nisl, egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
        </div>  

        <div class="space30"></div>
           
        <div class="row">
          <div class="span4">
            <h3>4 Column Width</h3>
            Cras consequat porttitor tincidunt. Integer porta nisl vitae  felis congue. Egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
          <div class="span4">
            <h3>4 Column Width</h3>
            Cras consequat porttitor tincidunt. Integer porta nisl vitae  felis congue. Egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>          
          <div class="span4">
            <h3>4 Column Width</h3>
            Cras consequat porttitor tincidunt. Integer porta nisl vitae  felis congue. Egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
        </div>   

        <div class="space30"></div>
            
        <div class="row">
          <div class="span3">
            <h3>3 Column Width</h3>
            Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
          <div class="span3">
            <h3>3 Column Width</h3>
            Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>          
          <div class="span3">
            <h3>3 Column Width</h3>
            Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
          <div class="span3">
            <h3>3 Column Width</h3>
            Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
        </div>  
        
        <div class="space30"></div>
            
        <div class="row">
          <div class="span8">
            <h3>8 Column Width</h3>
            Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis.             Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>
          <div class="span4">
            <h3>4 Column Width</h3>
            Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.
          </div>          
        </div>                  
             
        <div class="row space80"></div>  

    </div>
  </div>
  <!-- Content End -->
  
  <!-- Footer -->
  <footer id="footer">
    <div class="container">
      <div class="row">
        <div class="span12 pos-r">
          <h2>Get to know us completely</h2>
          <div class="texture-footer">
            <img src="img/background-footer.png" alt="">
          </div>
        </div>
      </div>
        
      <div class="row">
        <div class="span5">
        <p>
        OT Porta montes montes vel nunc cras porttitor mid elementum dictumst dignissim dapibus urna ac, enim?
        </p>
        <h3>Contact Form</h3>
        <div> 
          <form class="form-main" name="ajax-form" id="ajax-form" action="http://www.entiri.com/minett/php/mail-it.php" method="post">
            <div id="ajaxsuccess">E-mail was successfully sent.</div> 
            <div class="error" id="err-name">Please enter name</div>
            <input name="name" id="name" type="text" value="Name" onfocus="if(this.value == 'Name') this.value='';" onblur="if(this.value == '') this.value='Name';">
            
            <div class="error" id="err-email">Please enter e-mail</div>
		        <div class="error" id="err-emailvld">E-mail is not a valid format</div>
            <input  name="email" id="email" type="text" value="E-mail" onfocus="if(this.value == 'E-mail') this.value='';" onblur="if(this.value == '') this.value='E-mail';">

            <div class="error" id="err-message">Please enter message</div>
            <textarea  name="message" id="message" onfocus="if(this.value == 'Message') this.value='';" onblur="if(this.value == '') this.value='Message';">Message</textarea><br>
            <div>
            	<div class="error" id="err-form">There was a problem validating the form please check!</div>
            	<div class="error" id="err-timedout">The connection to the server timed out!</div>
            	<div class="error" id="err-state"></div>
            </div>
            <button id="send" class="btn f-right">Send Message <i class="icon-ok"></i></button>
          </form>
        </div>
        
        <div class="row space40"></div>  
                
          <a href="#" class="social-network sn2 behance"></a>
          <a href="#" class="social-network sn2 facebook"></a>
          <a href="#" class="social-network sn2 pinterest"></a>
          <a href="#" class="social-network sn2 flickr"></a>
          <a href="#" class="social-network sn2 dribbble"></a>
          <a href="#" class="social-network sn2 lastfm"></a>
          <a href="#" class="social-network sn2 forrst"></a>
          <a href="#" class="social-network sn2 xing"></a>      
      
        </div>
        <div class="span3 offset3">
             
          <div class="space80"></div>
          <iframe id="map" src="https://maps.google.sk/maps/ms?msa=0&amp;msid=210946297010027755543.0004c74af772bb9276d33&amp;ie=UTF8&amp;ll=48.576981,19.13117&amp;spn=0,0&amp;t=m&amp;output=embed"></iframe>
          <div class="space70"></div> 

          <h3>Address</h3>
          81 Sunnyvale Street<br>
          Los Angeles, CA 90185<br>
          United States<br>
          <br>
          <i class="icon-phone"></i>+48 880 440 110<br>
          <i class="icon-envelope"></i><a href="mailto:support@example.com">support@example.com</a><br>
          <i class="icon-home"></i><a href="#">www.example.com</a>

        </div>
      </div>
      
      <div class="row space50"></div>
      <div class="row">
        <div class="span6">
          <div class="logo-footer">
            <a href="index-2.html"><img src="img/logo-footer.png" alt=""></a>
            CORPORATE TEMPLATE
          </div>                       
        </div>
        <div class="span6 right">
          &copy; 2013 MINETT. All rights reserved. Collect from 
          <a href="http://www.cssmoban.com/" rel="external">模板之家</a>
        </div>
      </div>

    </div>
  </footer>
  <!-- Footer End -->

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 
	<script type="text/javascript" src="js/bootstrap.min.js"></script>  
	<script type="text/javascript" src="js/functions.js"></script>
	<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" defer src="js/jquery.flexslider.js"></script>

</body>
</html>
  